<template>
    <div>
        <breadcrump>关于我们</breadcrump>
        <!-- about area begin-->
        <div class="about-page">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6">
                        <div class="part-video">
                            <img src="~assets/img/about-areat.jpg" alt="">
                            <div class="play-video">
                                <a class="play-button venobox mfp-iframe" href="https://www.youtube.com/watch?v=GT6-H4BRyqQ"><i
                                        class="fas fa-play"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 d-xl-flex d-lg-flex align-items-center">
                        <div class="part-text">
                            <h3>关于公司</h3>
                            <p>文案</p>
                            <ul>
                                <li><span><i class="far fa-check-circle"></i></span>1</li>
                                <li><span><i class="far fa-check-circle"></i></span>2</li>
                                <li><span><i class="far fa-check-circle"></i></span>R3</li>
                                <li><span><i class="far fa-check-circle"></i></span>4</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- about area end -->

        <!-- testimonial begin-->
        <div class="testimonial">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title">
                            <h2 class="add-space">大家的观点</h2>
                            <p>文案.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12">
                        <div class="testimonial-slider">
                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/user-1.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>

                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/user-2.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>

                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/inventor-2.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>

                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/user-1.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>

                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/user-2.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>

                            <div class="single-testimonial">
                                <div class="testimonial-top">
                                    <div class="part-icon">
                                        <i class="fas fa-quote-left"></i>
                                    </div>
                                    <div class="part-text">
                                        <p>Excellent</p>
                                    </div>
                                </div>
                                <div class="part-details">
                                    <div class="user-pic">
                                        <img src="~assets/img/inventor-2.jpg" alt="">
                                    </div>
                                    <div class="user-data">
                                        <span class="name">Test</span>
                                        <span class="profession">TAOBAO, Company</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- testimonial end -->

        <!-- how it works begin-->
        <div class="how-it-works">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title">
                            <h2>公司运营</h2>
                            <p>运营</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-works">
                            <div class="part-icon">
                                <i class="fas fa-wallet"></i>
                            </div>
                            <div class="part-text">
                                <h3>制定保险计划</h3>
                                <p>文案</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-works">
                            <div class="part-icon">
                                <i class="fas fa-warehouse"></i>
                            </div>
                            <div class="part-text">
                                <h3>售卖保险</h3>
                                <p>文案</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-works">
                            <div class="part-icon">
                                <i class="fas fa-allergies"></i>
                            </div>
                            <div class="part-text">
                                <h3>资金再投资</h3>
                                <p>文案</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- how it works end -->

        <!-- counter begin-->
        <div class="counter">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-counter">
                            <div class="part-icon">
                                <i class="fas fa-calendar-alt"></i>
                            </div>
                            <div class="part-text">
                                <h3 class="count-up">250</h3>
                                <span class="count-name">距今成立时间</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-counter">
                            <div class="part-icon">
                                <i class="fas fa-users"></i>
                            </div>
                            <div class="part-text">
                                <h3 class="count-up">88900</h3>
                                <span class="count-name">总注册用户</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-counter">
                            <div class="part-icon">
                                <i class="fas fa-wallet"></i>
                            </div>
                            <div class="part-text">
                                <h3 class="count-up">352</h3>
                                <span class="count-name">总保险产品</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-counter">
                            <div class="part-icon">
                                <i class="fas fa-money-bill-alt"></i>
                            </div>
                            <div class="part-text">
                                <h3 class="count-up">305</h3>
                                <span class="count-name">用户满意产品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- counter end -->

        <!-- feature begin-->
        <div class="feature">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title">
                            <h2>我们的特色</h2>
                            <p>文案</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-feature">
                            <div class="part-icon">
                                <i class="fas fa-copy"></i>
                            </div>
                            <div class="part-text">
                                <h3>国家审核</h3>
                                <p>银保监会</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-feature">
                            <div class="part-icon">
                                <i class="fas fa-lock"></i>
                            </div>
                            <div class="part-text">
                                <h3>最高安全</h3>
                                <p>测试</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-feature">
                            <div class="part-icon">
                                <i class="fas fa-chart-area"></i>
                            </div>
                            <div class="part-text">
                                <h3>“零”风险</h3>
                                <p>测试</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- feature end -->

        <!-- inventor begin-->
        <div class="inventor">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-title">
                            <h2 class="add-space">我们的顶级投资者</h2>
                            <p>文案</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-inventor">
                            <div class="part-img">
                                <img src="~assets/img/inventor-1.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <span class="name">Romana Afroze</span>
                                <span class="number">$22500.00 USD</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-inventor">
                            <div class="part-img">
                                <img src="~assets/img/inventor-2.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <span class="name">Abu Ubaidah</span>
                                <span class="number">$92500.00 USD</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-inventor">
                            <div class="part-img">
                                <img src="~assets/img/inventor-3.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <span class="name">Romana Afroze</span>
                                <span class="number">$36500.00 USD</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-6">
                        <div class="single-inventor">
                            <div class="part-img">
                                <img src="~assets/img/inventor-4.jpg" alt="">
                            </div>
                            <div class="part-text">
                                <span class="name">Rex Rifat</span>
                                <span class="number">$75500.00 USD</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- inventor end -->
    </div>
</template>

<script>
    import Breadcrump from "../components/common/Breadcrump"
    
    export default {
        name: "AboutUs",
        components: {
            Breadcrump
        }
    }
</script>

<style scoped>

</style>